<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <link rel="stylesheet" href="css/font-awesome.min.css" />
        <link rel="stylesheet" href="css/jquerymobile.css" />
        <link rel="stylesheet" href="css/jquerymobile.nativedroid.css" />
        <link rel="stylesheet" href="css/jquerymobile.nativedroid.light.css"  id='jQMnDTheme' />
        <link rel="stylesheet" href="css/jquerymobile.nativedroid.color.green.css" id='jQMnDColor' />
        <script src="js/jquery-1.11.0.min.js"></script>
        <script src="js/jquery.mobile-1.3.1.min.js"></script>
        <script src="js/jquery.mobile-1.3.1.min.js"></script>
        <script src="js/webmob.js"></script>
        <script src="js/nativedroid.script.js"></script>
    </head>
    <body>
        <div data-role="page" data-theme='b'>
            <div data-role="header" data-position="fixed" data-tap-toggle="false" data-theme="b" class="ui-header ui-bar-b ui-header-fixed slidedown" role="banner">
            <a href="index.html" data-ajax="false" class="ui-btn-left ui-btn ui-btn-up-b ui-shadow ui-btn-corner-all" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="b"><span class="ui-btn-inner"><span class="ui-btn-text"><i class="icon-ellipsis-vertical"></i></span></span></a>
            <h1 class="ui-title" role="heading" aria-level="1">Ola, Fulano!</h1>
            </div>
            <div data-role="content">
                <ul data-role="listview" data-inset="false" data-icon="false" data-divider-theme="b" class="ui-listview">
                <li style="padding-left: 1%" class="ui-li ui-li-static ui-btn-up-b ui-li-has-thumb">
                <img src="http://www.placehold.it/150x150" class="ui-li-thumb">
                <h2 class="ui-li-heading">
                    <strong>Nome Completo do Cliente</strong>
                </h2>
                <p class="ui-li-desc"><strong>Data de Início:</strong> 20/02/2014 (6 dias atrás)</p>
            </li>
                </ul>
                <ul data-role="listview" data-inset="true">
                        <li>
                            <fieldset class="ui-grid">
                                <form>
                                <div class="ui-block" style="height: 100px;line-height:100px">
                                    <button id="btnLogin" data-theme="b" data-icon="user">Meus Dados</button>
                                </div>
                                <div class="ui-block" style="height: 100px;line-height:100px">
                                    <button id="btnLogin" data-theme="b" >Meu Consumo</button>
                                </div>
                                <div class="ui-block" style="height: 100px;line-height:100px">
                                    <button id="btnLogin" data-theme="b" data-icon="power-off">
                                        Sair
                                    </button>
                                </div>
                                </form>
                                <!--<div class="ui-block-b"><button type="submit" data-theme="b">Submit</button></div>-->
                            </fieldset>
                        </li>
                </ul>
            </div>
        </div>
    </body>
</html>
